.text-v {
  writing-mode: vertical-lr;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 不换行
.text-nowrap {
  white-space: nowrap;
}

.text-break {
  word-break: break-all;
}

.text-underline {
  text-decoration: underline;
}

.text-through {
  text-decoration: line-through;
}

.text-bold {
  font-weight: bold;
}

.text-small {
  font-size: 24rpx;
}

.text-smaller {
  font-size: 22rpx;
}

.text-light {
  font-weight: lighter;
}

.text-primary {
  color: $color-primary;
}

.text-success {
  color: $uni-success;
}

.text-warning {
  color: $uni-warning;
}

.text-error {
  color: $uni-error;
}

.text-info {
  color: $uni-info;
}

.text-violet {
  color: $color-violet;
}

.text-white {
  color: $uni-white;
}

.text-white-light {
  color: rgba($color: $uni-white, $alpha: 0.6);
}

.text-black {
  color: $uni-black;
}

.text-gray {
  color: $color-gray;
}

.text-gray-light {
  color: $color-gray-light;
}

.text-gray-dark {
  color: $color-gray-darker;
}

.text-secondary {
  color: $color-secondary;
}

.text-gray-blue {
  color: #9ca3af;
}

.text-gray-light {
  color: $uni-extra-color;
}

.text-gray-dark {
  color: $uni-base-color;
}

.text-gradient {
  background-image: linear-gradient(
    90deg,
    #f79533 0%,
    #f37055 15%,
    #ef4e7b 30%,
    #a166ab 44%,
    #5073b8 58%,
    #1098ad 72%,
    #07b39b 86%,
    #6dba82 100%
  );
  background-size: cover;
  background-clip: text;
  text-fill-color: transparent;
}

.text-gradient-2 {
  background-image: linear-gradient(90deg, $color-primary 0%, #e4af4e 100%);
  background-size: cover;
  background-clip: text;
  text-fill-color: transparent;
  color: rgba($color: #000000, $alpha: 0);
}

.text-xxs {
  font-size: 20rpx;
}

.text-xs {
  font-size: 24rpx;
}

.text-sm {
  font-size: 28rpx;
}

.text-md {
  font-size: 32rpx;
}

.text-lg {
  font-size: 36rpx;
}

.text-xl {
  font-size: 40rpx;
}

.text-xxl {
  font-size: 44rpx;
}

.text-xxxl {
  font-size: 48rpx;
}

.text-xxxxl {
  font-size: 52rpx;
}

.text-xxxxxl {
  font-size: 56rpx;
}

.text-xxxxxxl {
  font-size: 60rpx;
}

.text-xxxxxxxl {
  font-size: 64rpx;
}

.text-xxxxxxxxl {
  font-size: 68rpx;
}

.text-xxxxxxxxxl {
  font-size: 72rpx;
}

.text-xxxxxxxxxxl {
  font-size: 76rpx;
}

.text-xxxxxxxxxxxl {
  font-size: 80rpx;
}

.bold {
  font-weight: bold;
  &-100 {
    font-weight: 100;
  }

  &-200 {
    font-weight: 200;
  }

  &-300 {
    font-weight: 300;
  }

  &-400 {
    font-weight: 400;
  }

  &-500 {
    font-weight: 500;
  }

  &-600 {
    font-weight: 600;
  }

  &-700 {
    font-weight: 700;
  }

  &-800 {
    font-weight: 800;
  }

  &-900 {
    font-weight: 900;
  }

  &-normal {
    font-weight: normal;
  }

  &-lighter {
    font-weight: lighter;
  }
}
